<template>
    <div style="margin: 16px;">
        <van-row type="flex" justify="center">
            <van-col span="6" :style="{
                width: data.style.width + '%'
            }">
                <van-button :style="{
                backgroundColor : data.style.backgroundColor,
                borderColor:data.style.backgroundColor
        }" :round="data.style.isRound === 'true'" :size="data.style.size" block type="info" native-type="submit">
                    {{ data.text }}
                </van-button>
            </van-col>
        </van-row>
    </div>
</template>

<script>
    export default {
        props: {
            data: Object
        }
    }
</script>